<!--
 * @Author: xiaoyan
 * @Date: 2019-08-01 17:09:33
 * @LastEditors: xiaoyan
 * @LastEditTime: 2021-09-09 17:35:04
 * @Description: home hello 
 * @FilePath: \vue-ts-basic\src\components\HelloWorld.vue
-->
<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';

@Component
export default class HelloWorld extends Vue {
  @Prop() private msg!: string;
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.hello{
  h1{
    text-align:center;
    margin-top:50px;
  }
}
</style>
